<include file="Public/header" />


<body>

  <div class="layui-fluid">
    <div class="layui-card">

        <table class="layui-table" cellspacing="0" cellpadding="0" border="0">
            <tr>
                <td>ID</td>
                <td>用户名称</td>
                <td>上一次登陆时间</td>
                <td>上一次登陆IP</td>
                <td>锁定状态</td>
                <td>用户所属别组</td>
                <td>操作</td>
            </tr>

            <foreach name="role" item="v">
                <tr>
                    <td>{$v.id}</td>
                    <td>{$v.username}</td>
                    <td>{$v.logintime|date="Y-m-d H:i" , ###}</td>
                    <td>{$v.last_time_ip}</td>
                    <td>
                        <if condition="$v['lock'] == 1">是<else/>否</if>
                    </td>
                    <td>
                        <if condition="$v['username'] eq C('RBAC_SUPERADMIN') ">
                            <b>超级管理员</b>  
                        <else />
                            <ul>
                                <foreach name="v.role" item="value">
                                    <li>{$value.name}({$value.remark})</li>
                                </foreach>
                            </ul>
                        </if>
                    </td>
                    <td><a href="#">锁定</a></td>
                </tr>
            </foreach>
        </table>


    </div>
  </div>



    <include file="Public/bottom" />
  <script>
  layui.config({
    base: '__PUBLIC__/layuiadmin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'useradmin', 'table'], function(){
    var $ = layui.$
    ,form = layui.form
    ,table = layui.table;
    
    //监听搜索
    // form.on('submit(LAY-user-front-search)', function(data){
    //   var field = data.field;
      
    //   //执行重载
    //   table.reload('LAY-user-manage', {
    //     where: field
    //   });
    // });
  
    // table.render({
    //     elem: '#test'
    //     ,url:'{:U(index)}'
    //     ,toolbar: '#toolbarDemo'
    //     ,title: '用户数据表'
    //     ,cols: [[
    //       {type: 'checkbox', fixed: 'left'}
    //       ,{field:'id', title:'ID', width:80, fixed: 'left', unresize: true, sort: true}
    //       ,{field:'username', title:'用户名', width:120, }
    //       ,{field:'email', title:'邮箱', width:250, edit: 'text', templet: function(res){
    //         return '<em>'+ res.email +'</em>'
    //       }}
    //       ,{field:'sex', title:'性别', width:80, edit: 'text', sort: true , templet:function(res){
    //             if (res.sex == 1) {
    //                 return '男';
    //             }else{
    //                 return '女';
    //             }
    //       }}
    //       ,{field:'ip', title:'IP', width:120}
    //       ,{field:'logins', title:'登入次数', width:200, sort: true}
    //       ,{field:'create_time', title:'加入时间', width:120 , templet:function(res){
    //             var d = new Date(res.create_time * 1000);    //根据时间戳生成的时间对象
    //             var date = (d.getFullYear()) + "-" + 
    //                        (d.getMonth() + 1) + "-" +
    //                        (d.getDate()) + " " + 
    //                        (d.getHours()) + ":" + 
    //                        (d.getMinutes()) + ":" + 
    //                        (d.getSeconds());
    //             return date;
    //       }}
    //       ,{fixed: 'right', title:'操作', toolbar: '#barDemo', width:150}
    //     ]]
    //     ,page: true
    // });
  
  //头工具栏事件
  // table.on('toolbar(test)', function(obj){
  //   var checkStatus = table.checkStatus(obj.config.id);
  //   switch(obj.event){
  //     case 'getCheckData':
  //       var data = checkStatus.data;
  //       layer.alert(JSON.stringify(data));
  //     break;
  //     case 'getCheckLength':
  //       var data = checkStatus.data;
  //       layer.msg('选中了：'+ data.length + ' 个');
  //     break;
  //     case 'isAll':
  //       layer.msg(checkStatus.isAll ? '全选': '未全选');
  //     break;
  //   };
  // });
  




    //事件
    // var active = {
    //   batchdel: function(){
    //     var checkStatus = table.checkStatus('LAY-user-manage')
    //     ,checkData = checkStatus.data; //得到选中的数据


    //     // 获取到数据，获取一列加入到新数组
    //     var uId = [];
    //     $(checkData).each(function(index,data){
    //         uId.push(data.id)
    //     })
    //     console.log(uId);

    //     if(checkData.length === 0){
    //       return layer.msg('请选择数据');
    //     }
        
    //     layer.prompt({
    //       formType: 1
    //       ,title: '敏感操作，请验证口令'
    //     }, function(value, index){
    //       layer.close(index);
          
    //       // layer.confirm('确定删除吗？', function(index) {
            

    //         console.log(index);
    //         //执行 Ajax 后重载
    //         /*
    //         admin.req({
    //           url: 'xxx'
    //           //,……
    //         });
    //         */
    //         // table.reload('LAY-user-manage');
    //         // layer.msg('已删除');
    //       // });
    //     });
    //   }
    //   ,add: function(){
    //     layer.open({
    //       type: 2
    //       ,title: '添加用户'
    //       ,content: '{:U(userform)}'
    //       ,maxmin: true
    //       ,area: ['30%', '70%']
    //       ,btn: ['确定', '取消']
    //       ,yes: function(index, layero){
    //         var iframeWindow = window['layui-layer-iframe'+ index]

    //         ,submitID = 'LAY-user-front-submit'
    //         ,submit = layero.find('iframe').contents().find('#'+ submitID);


    //         //监听提交
    //         iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
    //           var field = data.field; //获取提交的字段

    //           //提交 Ajax 成功后，静态更新表格中的数据
    //           //$.ajax({});
    //             var index = layer.load(1, {
    //                 shade: [0.3,'#fff'] //0.1透明度的白色背景
    //             });
    //             $.post("{:U('userform')}" , field , function(res){

    //                 if (res.status == 1) {
    //                     layer.msg(res.info , {time:1000},function(){
    //                         table.reload('test'); //数据刷新 
    //                         layer.closeAll(); //关闭弹层
    //                     });
    //                 }else{
    //                     layer.msg(res.info , {time:1500})
    //                 }
    //             });

    //           // table.reload('LAY-user-manage'); //数据刷新 
    //           // layer.close(index); //关闭弹层
    //         });  
            
    //         submit.trigger('click');
    //       }
    //     }); 
    //   }
    // };
    
    $('.layui-btn.layuiadmin-btn-useradmin').on('click', function(){
      var type = $(this).data('type');
      active[type] ? active[type].call(this) : '';
    });
  });
  </script>
</body>
</html>
